<template>
  <div>
    <ul class="indexRule">
      <li v-for="(item,index) in indexrule" :key="index">
        <p v-if="index!==0"><a href="">{{ item }}</a></p>
        <span v-else><img :src="item" alt=""></span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "IndexRule",
  data(){
    return{

    }
  },
  props:{
    indexrule:{
      type:Array,
      required:true
    }
  }
}
</script>

<style scoped>
.indexRule{
  width:248px;
  height: 124px;
  border-right: 1px lightgray solid;
  float: left;
}
.indexRule li{
  text-align: center;
  line-height: 25px;
}
</style>